<template>
  <el-card class="content">
    正在开发中
    <!-- <el-form :inline="true">
            <el-form-item label="品牌名称">
                <el-select v-model="region"></el-select>
            </el-form-item>
            <el-form-item label="型号">
                <el-select v-model="damName"></el-select>
            </el-form-item>
            <el-form-item label="入库时间">
                <el-date-picker v-model="importTime" type="datetime" placeholder="请选择日期时间" :picker-options="pickerOptions"></el-date-picker>
            </el-form-item>
            <el-form-item>
                <el-button type="primary">查询</el-button>
            </el-form-item>
        </el-form>
        <div class="table-warp">
            <el-table stripe :data="checkList.slice(currentPage*pageSize,(currentPage+1)*pageSize)">
                <el-table-column label="名称" prop="id" align="center"></el-table-column>
                <el-table-column label="品牌" prop="brand" align="center"></el-table-column>
                <el-table-column label="型号" prop="model" align="center"></el-table-column>
                <el-table-column label="库存" prop="stock" align="center"></el-table-column>
                <el-table-column label="出库" prop="outStock" align="center"></el-table-column>
                <el-table-column label="备注" prop="remark" align="center"></el-table-column>
            </el-table>
        </div>
        <div class="page-pagination-warp">
            <el-pagination
                    @current-change="pageChange"
                    layout="total, jumper, ->, prev, pager, next"
                    :total="checkList.length"
                    :page-size="pageSize"
                    :pager-count="7" background>
            </el-pagination>
        </div> -->
  </el-card>
</template>

<script>
export default {
  name: "SensorAccessories",
  data() {
    return {
      checkList: [
        {
          id: "GNSS接收机",
          brand: "天宝",
          model: "mgdf-01",
          stock: 100,
          outStock: "泉州市",
          remark: "",
        },
        {
          id: "GNSS接收天线",
          brand: "天宝",
          model: "定制",
          stock: 100,
          outStock: "泉州市",
          remark: "",
        },
        {
          id: "天线保护罩",
          brand: "基康",
          model: "定制",
          stock: 100,
          outStock: "泉州市",
          remark: "",
        },
        {
          id: "强制对中器",
          brand: "基康",
          model: "定制",
          stock: 100,
          outStock: "泉州市",
          remark: "",
        },
        {
          id: "GNSS机柜",
          brand: "基康",
          model: "定制",
          stock: 100,
          outStock: "龙岩市",
          remark: "",
        },
        {
          id: "馈线",
          brand: "基康",
          model: "定制",
          stock: 100,
          outStock: "龙岩市",
          remark: "",
        },
        {
          id: "渗压计",
          brand: "基康",
          model: "NVP",
          stock: 100,
          outStock: "龙岩市",
          remark: "",
        },
        {
          id: "PE渗压管",
          brand: "基康",
          model: "50mm",
          stock: 100,
          outStock: "龙岩市",
          remark: "",
        },
        {
          id: "自动化数据采集仪",
          brand: "基康",
          model: "DAU2000",
          stock: 100,
          outStock: "龙岩市",
          remark: "",
        },
        {
          id: "串口服务器",
          brand: "基康",
          model: "MOXA5130",
          stock: 100,
          outStock: "三明市",
          remark: "",
        },
        {
          id: "工程监测采集仪箱",
          brand: "基康",
          model: "定制",
          stock: 100,
          outStock: "三明市",
          remark: "",
        },
        {
          id: "测斜管(定制)",
          brand: "基康",
          model: "NJX11",
          stock: 100,
          outStock: "三明市",
          remark: "",
        },
        {
          id: "避雷针",
          brand: "基康",
          model: "70mm",
          stock: 100,
          outStock: "三明市",
          remark: "",
        },
        {
          id: "天馈浪涌保护器",
          brand: "基康",
          model: "BSFG2500",
          stock: 100,
          outStock: "三明市",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
        {
          id: "1",
          brand: "***品牌",
          model: "********",
          stock: 100,
          outStock: "*********",
          remark: "",
        },
      ],
      pageSize: 12,
      currentPage: 0,
      region: "",
      damName: "",
      importTime: "",
      pickerOptions: {
        shortcuts: [
          {
            text: "今天",
            onClick(picker) {
              picker.$emit("pick", new Date());
            },
          },
          {
            text: "昨天",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit("pick", date);
            },
          },
          {
            text: "一周前",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", date);
            },
          },
        ],
      },
    };
  },
  methods: {
    pageChange(index) {
      this.currentPage = index - 1;
    },
  },
};
</script>

<style scoped>
.content {
  height: 87vh;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.long-btn {
  width: 150px;
}
.page-pagination-warp {
  margin-top: 5px;
}
.table-warp {
  height: 71vh;
}
</style>